﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>您正在做的业务是：人力资源--调动管理--调动审核列表</title>

    <script src="https://cdn.jsdelivr.net/npm/vue@3.3.4/dist/vue.global.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <script src="https://unpkg.com/element-plus/dist/index.full.min.js"></script>



    <style>
        a {
            text-decoration: none; /* 去除下划线 */
        }

        body {
            background-color: #FFFFCC;
        }
    </style>


</head>


<body>

    <div id="app">
        <span>您正在做的业务是：人力资源--调动管理--调动审核列表</span>
   

        <el-table :data="tableData" style="width: 100%">
           
          
          
            <el-table-column prop="first_kind_name" label="I级机构" width="150"></el-table-column>
            <el-table-column prop="second_kind_name" label=" II级机构" width="150"></el-table-column>
            <el-table-column prop="third_kind_name" label=" III级机构" width="150"></el-table-column>
            <el-table-column prop="salary_standard_name" label=" 薪酬标准" width="150"></el-table-column>
            <el-table-column prop="human_name" label="姓名" width="150"></el-table-column>
            <el-table-column label="审核">
                <template #default="scope">

                    <a :href="`/DDSH/Update?id=${scope.row.mch_id}`"> 
                         审核 
                     </a> 


                </template>
            </el-table-column>

        </el-table>

        <el-pagination v-model:current-page="currentPage"
                       v-model:page-size="pageSize"
                       :page-sizes="[1, 2, 3, 5,12]"
                       layout="total, sizes, prev, pager, next, jumper"
                       :total="rows"
                       v-on:size-change="handleSizeChange"
                       v-on:current-change="handleCurrentChange">
        </el-pagination>

    </div>


    <script type="text/javascript">
        const { createApp, ref, onMounted } = Vue;
        const app = createApp({
            setup() {

                 const tableData = ref([]);

            //当前页
            const currentPage = ref(1);
            //每页显示数
            const pageSize = ref(3);
            //总行数
            const rows = ref(0);

                  function fill() {
                axios.get('/DDSH/DDXS',{
                     params:{
                        currentPage: currentPage.value,
                        pageSize: pageSize.value
                    }
                })
                .then(res => {
                    console.info(res.data);
                    tableData.value = res.data.list;
                    rows.value = res.data.rows;
                }).catch(err => {
                    console.info(err)
                })

              }

                fill();

             function handleSizeChange(size) {
                pageSize.value = size;
                fill();
            }

            function handleCurrentChange(cpage) {
                currentPage.value = cpage;
                fill();
            }




            return{
                tableData,
                pageSize,
                currentPage,
                rows,
                handleSizeChange,
                handleCurrentChange,

            }



            }
        })
        app.use(ElementPlus).mount('#app');

    </script>



</body>



</html>



